export default{
    data(){
        return {
            line_option: {},
        }
    },
    mounted(){
        this.line_option = {
            title: {
              text: "中国人口数量随年份变化",
              subtext: "数据来源：中国统计局",
              left: "center",
              textStyle: {
                color: "#fff", // 标题文字颜色设置为黑色
              },
            },
            tooltip: {
              trigger: "axis",
              axisPointer: {
                type: "cross",
                crossStyle: {
                  color: "#999",
                },
              },
              formatter: function (params) {
                var tooltipHtml = params[0].name + "<br/>";
                params.forEach(function (item) {
                  tooltipHtml += item.seriesName + ": " + item.value + "万<br/>";
                });
                return tooltipHtml;
              },
            },
            legend: {
              data: ["中国人口"],
              left: "left",
              textStyle: {
                color: "#fff", // 图例文字颜色设置为黑色
              },
            },
            grid: {
              left: "5%",
              right: "5%",
              bottom: "5%",
              containLabel: true,
            },
            xAxis: {
              type: "category",
              boundaryGap: false,
              data: [
                "2010",
                "2011",
                "2012",
                "2013",
                "2014",
                "2015",
                "2016",
                "2017",
                "2018",
                "2019",
                "2020",
                "2021",
                "2022",
                "2023",
              ], // 这里可以替换为实际年份数据
              axisLabel: {
                textStyle: {
                  color: "#fff", // X 轴文字颜色设置为黑色
                },
              },
            },
            yAxis: {
              type: "value",
              name: "人口数量",
              axisLabel: {
                formatter: "{value} 万人",
                textStyle: {
                  color: "#fff", // Y 轴文字颜色设置为黑色
                },
              },
              min: 130000,
              max: 145000,
            },
            series: [
              {
                smooth: true,
                name: "中国人口",
                type: "line",
                data: [
                  137054, 134735, 135404, 136072, 136782, 137462, 138271, 139008,
                  139538, 140005, 141178, 141260, 141175, 140967,
                ], // 这里可以替换为实际人口数据
                smooth: true,
                lineStyle: {
                  width: 2,
                  color: "#fff", // 曲线颜色设置为黑色
                },
                itemStyle: {
                  borderColor: "#fff",
                  borderWidth: 2,
                },
                areaStyle: {
                  color: "rgba(0, 0, 0, 0.6)",
                },
              },
            ],
          };
    }
}
